<!DOCTYPE html>
<html lang="en">
   <head>
    <meta charset="utf-8">
    <title>ROUTEMARKS</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="One stop location for travellers to get information about their route. Make your routes more safe!">
    <meta name="author" content="Winster T. Jose">

    <!-- Le styles --> 
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="css/native.css" rel="stylesheet">
    
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
	
    <!-- Fav and touch icons -->
    <link rel="shortcut icon" href="img/favicon.ico">
    <link rel="canonical" href="http://www.routemarks.com" />
  
  </head>
  
  <body>
	
	<div id="fb-root"></div>
	<script>(function(d, s, id) {
	  var js, fjs = d.getElementsByTagName(s)[0];
	  if (d.getElementById(id)) return;
	  js = d.createElement(s); js.id = id;
	  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=485688004787851";
	  fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));</script>
	
	<div class="navbar navbar-inverse navbar-fixed-top masthead">
		<div class="row-fluid">
			<div class="span10">
				<a href="/" style="text-decoration: none;"><img src="/assets/img/banner.png"></a>
			</div>
		</div> 
    </div>
    <div class="container-fluid app-container">	     
		<section class="aboutsection">
			<div class="row-fluid aboutsectiondesc">
				<div class="span2">
					<a href="/" style="text-decoration: none;"><img src="img/favicon.ico" alt="Makes your route safe"></a>
				</div>
			  	<div class="span9">
			  		<p style="text-align:justify">
						<small>ROUTEMARKS</small> is aimed at the betterment of people and the society. It is a platform to share the information on road safety.
						Please watch the video.
					</p>				
			  	</div>		  	
				<!-- <section id="androidapp">
					<ul class="versions">
					    <li id="int_android">
					        <script>document.write(andr);</script><a href="https://play.google.com/store/apps/details?id=info.tsr.mobile#" target="_blank" title="Download ROUTEMARKS from Google Play"><span>Available on <span class="appstore">Google Play</span></span></a> 
							<br>							
						</li>
					</ul>
				</section> -->
			</div>		  		 
			<div class="videotutorial">
				<iframe width="420" height="345" src="http://www.youtube.com/embed/8kR0CMG4OWk" frameborder="0" allowfullscreen></iframe>
			</div>		 
		</section>
	</div> <!-- /container -->
	<div class="footer">
		<div class="footercontent">
			<div class="row-fluid">
		   		<div class="span5" >
		   			<div class="fb-like" data-href="http://www.routemarks.com/" data-send="true" data-layout="button_count" data-width="450" data-show-faces="false"></div>
		   		
		   			<g:plusone></g:plusone>
			   		<script type="text/javascript">
				      window.___gcfg = {
				        lang: 'en-US'
				      };
				
				      (function() {
				        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
				        po.src = 'https://apis.google.com/js/plusone.js';
				        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
				      })();
				    </script>
					<script type="text/javascript">
					
					  var _gaq = _gaq || [];
					  _gaq.push(['_setAccount', 'UA-39564014-1']);
					  _gaq.push(['_trackPageview']);
					
					  (function() {
					    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
					    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
					    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
					  })();
					
					</script>
		   		</div>
		   		<div class="span3" style="text-align:center">
		   	 		<a target="_blank" href="http://winstertjose.com">winstertjose.com</a>&copy; 2012 
		   		</div>
				<div class="span4 pull-right footerlinks">
					<a href="about.html">about</a>
					<a target="_blank" href="https://docs.google.com/spreadsheet/viewform?formkey=dFdWai1JMmFKX1RCWTROMm1CZXltMWc6MA">feedback</a><!-- <a href="#feedback" data-toggle="modal">feedback</a> -->
					<a href="policies.html">policies</a> 
					<a href="disclaimer.html">disclaimer</a>
					<a href="help.html">help</a>			  
				</div>		  
		 	</div>
		</div>	   	 
	</div>	
  </body>
</html>